<template>
  <view>
    <view class="page-main">
      <liu-chooseAddress ref="liuChooseAddress" @submit="submitAddress" @detele="deteleAddress">
      </liu-chooseAddress>
    </view>
  </view>
</template>

<script>
  import {
    mapState,
    mapMutations,
    mapGetters
  } from 'vuex'
  export default {
    data() {
      return {
        // 'RBWBZ-CV5RW-VX7RW-36ZQL-YZVYF-DDBMM' 此处为作者为方便H5体验所留测试用key,可以用来体验，但请勿在项目内直接使用
      }
    },
    methods: {
      ...mapMutations('m_user', ['updateAddress']),
      //添加地址成功回调
      async submitAddress(e) {
        console.log('添加调地址信息：', e)
        // 准备参数
        var token = uni.getStorageSync('token')
        const address = e
        const query = {
          token,
          address,
        }
        const {
          data: res
        } = await uni.$http.post('/api/update/address', query)
        if (res.meta.status !== 200) return uni.$showMsg('新增收货地址失败')
        this.updateAddress(res.message)
        // 保存地址后，返回上一个界面
        uni.navigateBack({
          delta: 1 // 返回的页面数，1表示返回上一个页面
        });
      },
      //删除地址回调
      deteleAddress(e) {
        console.log('所删除的地址信息：', e)
      },
      // 地址回显(编辑)调用此方法
      editAddress() {
        let obj = {
          id: '1',
          detailAddress: '', //门牌号(详细地址)
          userName: '', //联系人姓名
          userPhone: '', //手机号
          lableName: '', //标签
          sexType: '', //性别
          title: '', //地址概述
          address: '', //详细地址
          longitude: '', //经度
          latitude: '', //纬度
          agreeState: '', //是否是默认地址
        }
        this.$refs.liuChooseAddress.setData(obj)
      }
    }
  }
</script>

<style lang="scss" scoped>
  .page-main {
    width: 100%;
    height: 100vh;
  }
</style>